.edit-post-status__sticky,
.edit-post-status__pending-review {
	align-content: center;
	display: flex;
	justify-content: space-between;
	margin: 8px 0;

	.gridicon {
		margin-top: 2px;
		margin-left: 4px;
		vertical-align: top;
	}
}

.edit-post-status__label-text {
	color: var( --color-text );
	font-size: $font-body-small;
	line-height: 1.7;

	@include breakpoint-deprecated( '>660px' ) {
		.info-popover {
			display: none;
		}

		&:hover .info-popover {
			display: inline-block;
		}
	}
}

.edit-post-status .select-dropdown__container {
	// ensure 100% width
	display: block;
}

.edit-post-status__revert-to-draft {
	display: block;
	margin: 16px 0 8px;
	width: 100%;
}

.edit-post-status__full-date {
	color: var( --color-text );
	font-size: $font-body-small;
	display: flex;
	margin-bottom: 4px;
	padding-right: 5px;
	cursor: pointer;

	.gridicon {
		color: var( --color-text );
		margin-left: -2px;
		margin-right: 6px;
		vertical-align: top;
	}
}

.edit-post-status__future-label {
	background: var( --color-accent );
	border-radius: 2px;
	color: var( --color-text-inverted );
	display: inline-block;
	font-size: $font-body-extra-small;
	margin-right: 4px;
	overflow: hidden;
	padding: 2px 6px;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: pre;
	text-transform: uppercase;
}

.edit-post-status__post-schedule {
	box-sizing: border-box;
	display: block;
	padding: 0 16px;
	width: 237px;

	.async-load {
		margin: 16px 0;
		width: auto;
	}
}
